---
slug: /plugins/basic-marks
title: Basic Marks
---

### `createBasicMarksPlugin`

Returns a list of the following plugins:
- `createBoldPlugin()` for the `bold` mark
- `createItalicPlugin()` for the `italic` mark
- `createUnderlinePlugin()` for the `underline` mark
- `createStrikethroughPlugin()` for the `strikethrough` mark
- `createSubscriptPlugin()` for the `subscript` mark
- `createSuperscriptPlugin()` for the `superscript` mark
- `createCodePlugin()` for the `code` mark

```ts live
() => {
  const ToolbarButtonsBasicMarks = () => {
    const editor = useStoreEditorRef(useEventEditorId('focus'));

    return (
      <>
        <ToolbarMark
          type={getPlatePluginType(editor, MARK_BOLD)}
          icon={<FormatBold />}
        />
        <ToolbarMark
          type={getPlatePluginType(editor, MARK_ITALIC)}
          icon={<FormatItalic />}
        />
        <ToolbarMark
          type={getPlatePluginType(editor, MARK_UNDERLINE)}
          icon={<FormatUnderlined />}
        />
        <ToolbarMark
          type={getPlatePluginType(editor, MARK_STRIKETHROUGH)}
          icon={<FormatStrikethrough />}
        />
        <ToolbarMark
          type={getPlatePluginType(editor, MARK_CODE)}
          icon={<CodeAlt />}
        />
        <ToolbarMark
          type={getPlatePluginType(editor, MARK_SUPERSCRIPT)}
          clear={getPlatePluginType(editor, MARK_SUBSCRIPT)}
          icon={<Superscript />}
        />
        <ToolbarMark
          type={getPlatePluginType(editor, MARK_SUBSCRIPT)}
          clear={getPlatePluginType(editor, MARK_SUPERSCRIPT)}
          icon={<Subscript />}
        />
      </>
    );
  };

  const plugins = [
    ...pluginsCore,
    ...pluginsBasicElements,
    ...createBasicMarkPlugins(),
  ];

  return (
    <>
      <HeadingToolbar>
        <ToolbarButtonsBasicMarks />
      </HeadingToolbar>
      <Plate
        id="basic-marks"
        plugins={plugins}
        components={components}
        options={options}
        editableProps={editableProps}
        initialValue={initialValueBasicMarks}
      />
    </>
  );
}
```